<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/header_footer.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/imports.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>

</head>
<body>
<header class="header">
    <div class="container">
        <p class="left">24/7 Support &nbsp; :010-25418796 </p>
        <select class="right">
            <option value="English">English</option>
            <option value="China">China</option>
        </select>
        <div class="clearfix"></div>
    </div>
</header>
<nav class="navbar-list">
    <div class="container">
        <div class="left nav_img">
            <img src="images/logo.png" alt="" width="100%" class="img">
        </div>

        <button class="btn right btn-default glyphicon glyphicon-list" id="menu"></button>
        <ul class="right nav_block_a">
            <li><a href="index.html">Home</a></li>
            <li><a href="About.html" >About</a></li>
            <li><a href="Gallery.html" class="active">Gallery</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>
    </div>

    <div class="clear"></div>
</nav>
<article class="nav-name">Gallery</article>
<section style="margin: 1rem 0">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c1.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c2.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c3.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c4.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c5.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c6.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c7.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c8.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="galley">
                    <a href="#">
                        <img src="images/c9.jpg" width="100%">
                        <div class="bg_grey">
                            <i><img src="images/gg.png"></i>
                        </div>
                    </a>
                </div>
            </div>
        </div>


    </div>


</section>
<footer class="footer">
    <div class="container">
        <a href="index.html" class="footer-logo"><img src="images/footer_logo.png" alt="" width="100%"></a>
        <div class="row">
            <div class=" col-lg-6 col-md-6 col-sm-12">
                <p class="p_footer">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                    ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12">
                <ul class="">
                    <li><a href="">Home</a></li>
                    <li><a href="">About</a></li>
                    <li><a href="">Services</a></li>
                    <li><a href="">Typography</a></li>
                    <li><a href="">Gallery</a></li>
                    <li><a href="">Mail</a></li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</footer>
</body>
</html>